<template>
    <!-- 返回顶部按钮 -->
    <div @click="goTop" class="fixed-btn">
        <a class="go-top" title="返回顶部">
            <i class="fa fa-angle-up" style="font-size: 8vw; color: #0097FF; width: 5vw;"></i>
        </a>
    </div>
</template>
<script>
export default {
    name: 'GoTopButton',
    methods: {
        goTop() {
            window.scrollTo(0, 0);
        }
    }
}
</script>

<style >
/**************************返回顶部按钮**************************/

.fixed-btn {
    background-color: rgb(240, 240, 240);
    height: 8vw;
    width: 8vw;
    position: fixed;
    right: 2%;
    top: 80%;
    border-radius: 50%;
}

.go-top {
    margin-left: 1.5vw;
}

/* .fa-angle-up {
    color: #0097FF;
    width: 5vw;
    font-size: 8vw;
} */
</style>